<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title>课程2</title>
  <link rel="stylesheet" href="/static/css/reset.css">
  <link rel="stylesheet" href="/static/css/animate.css">
  <link rel="stylesheet" href="/static/css/style.css">
  
  <script src="/static/js/jquery.min.js"></script>
  <script src="/static/js/jquery-migrate-1.2.1.min.js"></script>

</head>
<body>
<section class="headerwrap ">
  <header>
    <div class=" header">
      <div class="top">
        <div class="wp">
          <div class="fl"><p>服务电话：<b>010-56288220</b></p></div>
          <!--登录后跳转-->
          
            <a style="color:white" class="fr registerbtn" href="/register/">注册</a>
            <a style="color:white" class="fr loginbtn" href="/login/">登录</a>
          
        </div>
      </div>

      <div class="middle">
        <div class="wp">
          <a href="/" ><img class="fl" src="/static/images/logo.jpg" id="boxue" width="140px" height="60px"/></a>
          <div class="searchbox fr">
            <div class="selectContainer fl">
                            <span class="selectOption" id="jsSelectOption" data-value="course">
                                公开课
                            </span>
              <ul class="selectMenu" id="jsSelectMenu">
                <li data-value="course">公开课</li>
                <a href="/organization/org/"><li data-value="org">学校课程</li></a>
                <li data-value="teacher">授课老师</li>
              </ul>
            </div>
            <input id="search_keywords" class="fl" type="text" value="" placeholder="请输入搜索内容"/>
            <img class="search_btn fr" id="jsSearchBtn" src="/static/images/search_btn.png"/>
          </div>
        </div>
      </div>


      <nav>
        <div class="nav">
          <div class="wp">
            <ul>
              <li class=""><a href="/">首页</a></li>
              <li class="">
                <a href="/course/list/">
                  公开课<img class="hot" src="/static/images/nav_hot.png">
                </a>
              </li>
              <li class="">
                <a href="/organization/list/">授课教师</a>
              </li>
              <li class=""><a href="/organization/org/">授课学校</a></li>
            </ul>
          </div>
        </div>
      </nav>

    </div>
  </header>
</section>
<!--crumbs start-->

<!--  面包屑 -->

    <section>
        <div class="wp">
            <ul class="crumbs">
                <li><a href="/">首页</a>></li>
                <li><a href="/course/list/">公开课程:课程2</a>></li>
                <li>课程详情</li>
            </ul>
        </div>
    </section>


<!-- 页面 body 内容 -->

<section>
  <div class="wp">
    <div class="groupPurchase_detail detail">
      <div class="toppro">
        <div class="left">
          <div class="picbox">
            <div class="tb-booth tb-pic">
              <img width="440" height="445" src="/static/media/courses/2019/06/g1_c2oWyYB.jpg" class="jqzoom"/>
            </div>
          </div>
          <div class="des">
            <h1 title="django 从入门到精通体验开始了">课程2</h1>
            <span class="key">python</span>
            <div class="prize">
              <span class="fl">难度：<i class="key">中级</i></span>
              <span class="fr">学习人数：5</span>
            </div>
            <ul class="parameter">
              <li><span class="pram word3">时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长：</span><span>40</span></li>
              <li><span class="pram word3">章&nbsp;节&nbsp;数：</span><span>0</span></li>
              <li><span class="pram word3">课程类别：</span><span title="">python</span></li>
              <li class="piclist"><span class="pram word4">学习用户：</span>
                

              </li>
            </ul>
            <div class="btns">
              <div class="btn colectgroupbtn" id="jsLeftBtn">
                
                  收藏
                
              </div>
              <div class="buy btn"><a style="color: white; display: block;" href="/course/info/2/">开始学习</a></div>
            </div>
          </div>
        </div>
        <div class="right">
          <div class="head">
            <h1>授课学校</h1>
            <p>世界名校，课程权威</p>
          </div>
          <div class="pic">
            <a href="/company/14/">
              <img width="150" height="80" src="/static/media/org/2019/06/g2_GkVqn0s.jpg"/>
            </a>
          </div>
          <a href="/company/14/">
            <h2 class="center" title="儿童画">儿童画</h2>
          </a>
          <div class="btn  notlogin" data-favid="14" id="jsRightBtn">
             
               收藏
             
          </div>
          <div class="clear">
            <ul>
              <li>
                <span>课 &nbsp;程&nbsp; 数：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   2</span>
              </li>
              <li>
                <span>教 &nbsp;师&nbsp; 数：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  2</span>
              </li>
              <li>所在地区：&nbsp;&nbsp;1</li>
              <li>认&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;证&nbsp;:
                <img title="金牌学校"  src="/static/images/gold.png"/>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section>
  <div class="wp">
    <div class="list groupPurchase_detail_pro">
      <div class="left layout">
        <div class="head">
          <ul class="tab_header">
            <li class="active">课程详情</li>
          </ul>
        </div>
        <div class="tab_cont tab_cont1">
          <p>18</p>
        </div>
        <div class="tab_cont tab_cont2">
          <div class="comment">
            <div class="comenlist">

            </div>
          </div>
        </div>
      </div>
      <div class="right layout">
        <div class="head">相关课程推荐</div>
        <div class="group_recommend">
          
        </div>
      </div>
    </div>
  </div>
</section>


<!-- Footer -->
<footer>
  <div class="footer">
    <div class="wp">
      <ul class="cont">
        <li class="logo"><a href=""><img src="/static/images/footlogo.png"/></a></li>
        <li class="code"><img src="/static/images/code.png"/>
          <p class="center">扫描关注微信</p></li>
        <li class="third"><img class="fl" src="/static/images/tell.png"/>
          <p class="tell">010-56288220</p>
          <p class="time">周一至周日 9:00-18:00</p></li>
      </ul>

    </div>
    <p class="line"></p>
    <div class="wp clear">
      <span class="fl"> 2016 https://www.boxuegu.com/ 博学谷在线-在线学习交流平台 保留所有权利</span>
      <span class="fr">copyright ? 2016 ICP备案证书号：蜀ICP备xxxxx号-1</span>
    </div>
  </div>
</footer>

<section>
  <ul class="sidebar">
    <li class="qq">
      <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2023525077&site=qq&menu=yes"></a>
    </li>
    <li class="totop"></li>
  </ul>
</section>
<script src="/static/js/selectUi.js" type='text/javascript'></script>
<script src="/static/js/deco-common.js" type='text/javascript'></script>
<script src="/static/js/plugins/laydate/laydate.js"></script>
<script src="/static/js/plugins/layer/layer.js"></script>
<script src="/static/js/plugins/queryCity/js/public.js"></script>
<script src="/static/js/unslider.js"></script>
<script src="/static/js/plugins/jquery.scrollLoading.js"></script>
<script src="/static/js/deco-common.js"></script>


 <script>
//收藏分享
function add_fav(current_elem, fav_id, fav_type) {
  $.ajax({
    cache: false,
    type: "POST",
    url: "/add/fav/",
    data: {'fav_id': fav_id, 'fav_type': fav_type},
    async: true,
    beforeSend: function (xhr, settings) {
        xhr.setRequestHeader("X-CSRFToken", "");
    },
    success: function (data) {
      if (data.status == 'fail') {
        if (data.msg == '用户未登录') {
          window.location.href = "/login/";
        } else {
          current_elem.text(data.msg)
        }
      } else if (data.status == 'success') {
        current_elem.text(data.msg)
      }
    },
    error: function(error) {
      alert('ajax 请求失败！')
    }
  });
}
// 收藏课程
$('#jsLeftBtn').on('click', function () {
    add_fav($(this), 2, 1);
});

//收藏学校课程
$('#jsRightBtn').on('click', function () {
    add_fav($(this), 1, 2);
});
</script>

</body>
</html>